<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="vi">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title><?=$this->page_title;?></title>
    <meta name="description" content="<?=$this->page_description;?>" />
    <meta name="keywords" content="<?=$this->page_keyword;?>" />
    <meta name="language" content="vietnamese" />
    <?php if($this->isRobotFollow){ ?>
    <meta name="ROBOTS" content="INDEX,FOLLOW" />
    <?php }else {  ?>
    <meta name="ROBOTS" content="NOINDEX, NOFOLLOW" />
    <?php } ?>
    <link rel="canonical" href="<?=$this->uri;?>" />

    <!-- Begin add jquery and jquery ui to website -->
    <script type="text/javascript" src="<?=$base_url?>images/js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="<?=$base_url?>images/js/jquery-ui-1.8.18.min.js"></script>
    <!-- End add jquery and jquery ui to website -->

    <link rel="stylesheet" type="text/css" href="<?=$base_url?>images/js/bxslider/jquery.bxslider.css"/>
    <script type="text/javascript" src="<?=$base_url?>images/js/bxslider/jquery.bxslider.js"></script>

    <script src="<?=$base_url?>images/js/jticker/jquery.jticker.js" type="text/javascript"></script>

    <script type="text/javascript" src="<?=$base_url?>images/js/news-ticker/jquery.easing.min.js"></script>
    <script type="text/javascript" src="<?=$base_url?>images/js/news-ticker/jquery.easy-ticker.js"></script>

    <link rel="stylesheet" type="text/css" href="<?=$base_url?>images/css/styles_dev.css"/>

    <script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

        ga('create', 'UA-53125909-1', 'auto');
        ga('send', 'pageview');

    </script>

    <script src="<?=$base_url?>images/js/caroufredsel/jquery.carouFredSel-6.2.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $('#carousel-project').carouFredSel({
                items               : 1,
                direction           : "up",
                scroll : {
                    items           : 1,
                    duration        : 1000,                         
                    pauseOnHover    : true
                }                   
            });

            $('.project-slider').bxSlider({
                auto: true,
                moveSlides: 1,
                minSlides: 5,
                maxSlides: 5,
                slideWidth: 188,
                slideMargin: 7
            });

            $('.back-to-top').click(function(){
                $("html, body").animate({scrollTop: 0}, 1000);
            });
        });
    </script>
</head>
<body>
    <div class="main">
        <?php echo $this->load->view('front/includes/header'); ?>
        <div class="cl"></div>
        <?php $this->load->view($view);?>
        <div class="cl"></div>
        <?php echo $this->load->view('front/includes/footer'); ?>
    </div>
</body>
</html>